<?php defined('SYSPATH') OR die('No direct access allowed.'); ?>
<script type="text/javascript">
	
    function maps_initialize() {
        
        var centerLatlng = new google.maps.LatLng(-6.213941, -35.077028);
        
        var myOptions = {
            zoom: 12,
            center: centerLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            navigationControl: true,
            streetViewControl: false, 
            navigationControlOptions: { style: google.maps.NavigationControlStyle.SMALL }
        }
 
        var map = new google.maps.Map(document.getElementById("maps"), myOptions);
	
	
        var cbxStyles = [
            {
                featureType: "landscape",
                stylers: [
                    { saturation: -100 },
                    { lightness: 0 }
		  
                ]
            },
            {
                featureType: "poi",
                stylers: [
                    { saturation: -100 },
                    { lightness: 50 }
                ]
            },	
            {
                featureType: "poi.business",
                stylers: [
                    { visibility: "off" }
                ]
            },
            {
                featureType: "poi.school",
                stylers: [
                    { visibility: "off" }
                ]
            },	  
            {
                featureType: "landscape.natural",
                stylers: [
                    { saturation: -100 }
                ]
            },
            {
                featureType: "landscape.manmade",
                stylers: [
                    { hue: "#000000" },
                    { lightness: 0 }
		  
                ]
            },	  
            {
                featureType: "road.arterial",
                stylers: [
                    { hue: 29 },
                    { saturation: 100 },
                    { lightness: -20 }
                ]
            },
            {
                featureType: "road.highway",
                stylers: [
                    { hue: 29 },
                    { saturation: 100 },
                    { lightness: -20 }
                ]
            },	  
            {
                featureType: "road.arterial",
                elementType: "labels",
                stylers: [
                    { visibility: "simplified" }
                ]
            },
            {
                featureType: "transit.station.rail",
                stylers: [
                    { hue: 29 },
                    { saturation: 100 },
                    { lightness: -20 }
                ]
            },	  
	  
	  
            {
                featureType: "road.local",
                elementType: "labels",
                stylers: [
                    { visibility: "off" }
                ]
            },	  
            {
                featureType: "water",
                stylers: [
                    { hue: 218 },
                    { saturation: 100 },
                    { lightness: -20 }
                ]
            }	  
	  
	  
        ];	
        map.setOptions({styles: cbxStyles});
    
 
        //<![CDATA[
        var myLatlng = new google.maps.LatLng(-6.212405,-35.076942);
        var infowindow = new google.maps.InfoWindow({
            content: '<div style="background: #fff; height: 75px;color: #000; line-height: 18px; font-size: 12px; font-family: Arial;">Hotel Ponta do Madeiro<br />Avenida Antônio Florêncio, 2695/ Estrada para Pipa<br/>Tibau do Sul - RN, 59178-000, Brasil<br/>Telefone: (0xx) 84 3246-4220</div>'
        });
 
        var image = '../imagens/googlemarker.png';
	 
        var marker = new google.maps.Marker({
            icon: image,
            position: myLatlng,
            map: map,
            title: 'Ponta do Madeiro'
        });
        //]]>
        infowindow.open(map,marker);
        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
        });
    
    }

	
</script>
<script type="text/javascript">
    $(document).ready(function() {
  	
        maps_initialize();
  	
    });
</script>
<style>
    body{
        background: #3680FF!important;
    }
</style>
